html, body {margin:0; padding:0}
/*body {font-size: 76%; font-family:sans-serif;}*/
body {font-family:sans-serif;}
body {margin:0 5%; min-width:500px; }
/*body {color:#003333; }*/

/* Main div blocks background colors -- for debug only */
/*div#header { background-color: fuchsia;} */
/*div#menu { background-color: whitesmoke;}*/
/*div#content {background-color: cyan;}*/
/*div#footer {background-color: fuchsia;}*/

/* Main div blocks basic styling */
div#menu { width:220px; float:left; border-right:solid; border-right-width:1px; border-right-color:teal; }
div#content {margin-left:240px;}
div#footer {clear:both;}

/* Header Special */
div#header {margin-top:10px; height:120px;}
/*div#header h1 {margin:0;}*/

/* Footer Styling */
div#footer {margin:20px 10% 0 10% ; text-align:center; font-size:8pt;}

/* Content Styling */
div#content { font-size:95%; }
div#content p {margin-top:0; padding: 0 1em;}

/* Menu styling */
div#menu ul {list-style-type:none; margin:0; padding:0;}
/*div#menu ul li a:link, div#menu ul li a:visited { padding: 2px 0 2px 10px;}*/
div#menu li { margin:5px 0 5px 10px; }

/* Header text styling */
div#header  {
	font-family:comic sans ms, sans-serif;
	color:teal;
}
div#header  h1  {
	display:inline;
	font-style:italic;
	margin-right:10px;  /* avoids overlap from image */
}
div#header h1 a {
	color:teal;
	text-decoration:none;
}
div#header h2  {
	font-family:sans-serif;
	color: black;
	/*background-color:#00ffcc;*/
	background-color:#00eeee;
	border-top-style:solid;
	border-top-width:1px;
	padding-left:5px;
	margin-top:10px;
}
div#content h2  {margin-top:0;}
